import { LockOutlined, UserOutlined } from '@ant-design/icons';
import { Button, Checkbox, Form, Input } from 'antd';
import React, {useEffect} from 'react';
import styles from './Login.less';
import {history} from "umi";

// 假设的用户登录状态检查函数
function checkUserAuthentication() {
  // 在这里你可以根据自己的逻辑判断用户是否已登录
  // 返回 true 表示用户已登录，返回 false 表示用户未登录
  return false; // 这里假设用户已登录
}

const Login: React.FC = () => {
  const onFinish = (values: any) => {
    console.log('Received values:', values);
    history.push("/home")
  };
  useEffect(() => {
    document.title = '登录';
    // 在这里判断用户是否登录，这里假设使用一个名为 isAuthenticated 的状态来表示用户是否已登录
    const isAuthenticated = checkUserAuthentication(); // 假设有一个函数用来检查用户是否已登录

    // 如果用户已登录，则重定向到 home 页面
    if (isAuthenticated) {
      history.replace('/home');
    }
  }, []);

  return (
    <div className={styles.container}>
      <div className={styles.loginBox}>
        <img src="/images/logo.png" alt="logo" className={styles.logo} />
        <Form
          name="normal_login"
          className={styles.loginForm}
          initialValues={{ remember: true }}
          onFinish={onFinish}
        >
          <Form.Item
            name="username"
            rules={[{ required: true, message: '请输入用户名' }]}
          >
            <Input prefix={<UserOutlined />} placeholder="用户名" />
          </Form.Item>
          <Form.Item
            name="password"
            rules={[{ required: true, message: '请输入密码' }]}
          >
            <Input.Password prefix={<LockOutlined />} placeholder="密码" />
          </Form.Item>

          <Form.Item>
            <Button
              type="primary"
              htmlType="submit"
              className={styles.loginBtn}
            >
              登 录
            </Button>
          </Form.Item>
        </Form>
      </div>
    </div>
  );
};

export default Login;
